/* 
    Document   : rightpanel
    Created on : Apr 24, 2011, 8:33:13 AM
    Author     : mujahid
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div.rightpanel {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #7591A4;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #111111;
    display: block;
    font: 99% arial,helvetica,clean,sans-serif;
    height: auto;
    opacity: 0.9;
/*    padding: 10px 130px 10px 10px;*/
    position: absolute;
    right: 0;
/*    top: 100px;*/
    bottom: 30px;
    width: auto;
}

div.rightpanel ul {
    display: block;
    list-style: none;
    margin: 10px 30px 10px 5px;
}

div.rightpanel ul li {
    padding: 5px 0;
}

div.panelheader {
/*    background: url("/images/bluebar.png") repeat-x scroll 0 0 white;
    box-shadow: 2px;
    color: #7591A4;*/
    font-weight: bold;
    padding: 10px;
/*    text-shadow: 0 1px 1px #F0F0F0;*/
    width: inherit;
}

div.obs-link {
    float: right;
    margin: 10px 10px 0 0;
}

.upload {
    background: #CCCCCC;
    border: solid 1px #111111;
    border-radius: 6px;
/*    box-shadow: 0 1px 0 #111111;*/
    color: rgba(0, 0, 0, 0.63);
/*    display: block;*/
    font-weight: bold;
    margin: 5px 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.37);
    padding: 5px 5px;
}

.upload:hover {
    background: #808080;
    cursor: pointer;
}

select {
    font-size: 14px;
    width: 200px;
}

#overlay_form input, #overlay_form label, #overlay_form textarea {
    display: block;
    padding: 5px;
    width: 300px;
    font-family: 'Trebuchet MS';
}

/*div.rightpanel ul li a {
    padding: 5px;
    float: left;
    text-indent: -9999px; --For text replacement - Shove text off of the page--
    height: 16px; width: 16px;
    text-decoration: none;
    color: #333;
    position: relative;
}

a.editoverlay{ background: url('/images/footpanel/pencil-ruler.png') no-repeat center center; }
a.addoverlay{ background: url('/images/footpanel/plus-button.png') no-repeat center center; }
a.deleteoverlay{ background: url('/images/footpanel/cross-button.png') no-repeat center center;  }

div.rightpanel a small {
    text-align: center;
    width: 70px;
    background: url('/images/footpanel/pop_arrow.gif') no-repeat center bottom;
    padding: 5px 5px 11px;
    display: none; --Hide by default--
    color: #fff;
    font-size: 1em;
    text-indent: 0;
}
div.rightpanel a:hover small{
    display: block; --Show on hover--
    position: absolute;
    top: -35px; --Position tooltip 35px above the list item--
    left: 50%;
    margin-left: -40px; --Center the tooltip--
    z-index: 9999;
}*/
